<template>
  <div class="select">
    <el-select @change="getSelectVal" v-model="value" :placeholder="$t('imeet.mint.collection_placeholder')">
      <el-option
        v-for="(item, i) in options"
        :key="i"
        :value="item.Name">
      </el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  props: ['options'],
  data () {
    return {
      // value: '选择'
    }
  },
  mounted () {
    console.log(this.options, 'select')
  },
  methods: {
    getSelectVal: function (el) {
      console.log(el, ';;;;;;')
      let obj = null
      this.options.forEach(item => {
        if (item.Name === el) {
          obj = item
        }
      })
      this.$emit('getSelectVal', obj)
    }
  }
}
</script>
<style lang="less" scoped>
.select {
  width: 100%;
  .el-select {
    width: 100%;
    color: #000000;
  }
}
/deep/.el-input__inner {
  background: none;
  border: none;
  // color: #d6d6d6;
  color: #000000;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}
</style>
